<template>
    <div id="nodata">
        <p class="img"></p>
        <p class="title">{{title}}</p>
    </div>
</template>

<script>
    export default {
        props:{
            title:{
                type:String,
                default:'暂无数据'
            }
        }
    }
</script>

<style scoped lang="scss">
@import "~styles/variable.scss";
@import "~styles/mixins.scss";
#nodata{
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    text-align: center;
}
.img{
    margin:0 auto;
    width:0.96rem;
    height:0.96rem;
    background-size:100% 100%;
    @include bg-image('../assets/image/icon_tishi');
}
.title{
    margin-top:0.2rem;
    font-size:$font-size-l;
    color:#d1d1d1;
}
</style>